<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!--
        form：表单
            action：定义数据的提交地址
                url：
                    相对路径：
                    绝对路径：
            mehtod：定义数据的提交方式
                GET：参数会以键值对形式方在url后面提交：url?key=value&key=value....
                POST：参数默认不放到url后面
            
        表单项标签：
            表单项标签一定要定义name属性，用于明确提交时的参数名
            表单项还需要明确value属性，用于明确提交时的实参
            input：
                readonly：只读，不可改
                disabled：不可用，不会提交
                type：输入信息的表单项类型
                    text：单行普通文本框
                    password：密码框
                    submit：提交按钮
                    reset：重置按钮
                    radio：单选框，多个单选框使用相同的name属性值，就会与互斥效果
                    checkbox：复选框，多个复选框的name属性值一样，不会互斥
                    hidden：隐藏域
                    file：文件上传框
            textArea：文本域，多行文本框，可以作为个人简介使用
            select：下拉框，name属性在select标签上
                option：选项，value值在option标签上
    -->
    <form action="./08welcome.html" method="get">
        用户名：<input type="text" name="username"><br/>
        密码：  <input type="password" name="userpwd"><br>
        <input type="submit" value="登录" >
        <input type="reset" value="清空" >
    </form>
</body>
</html>